<!---- Creator: Eoly -->
<!---- On 2017/1/24 -->
<!---- Call http://palerock.cn -->

<!DOCTYPE html>
<html lang="en" ng-app="groupInitPage">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>Title</title>
    <link rel="stylesheet" href="sm/sm.min.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">

</head>
<body>
<div class="page-group">
    <div class="page" ng-controller="groupInit" ng-view="">
        <header class="bar bar-nav to-padding-top">
            <a class="icon icon-left pull-left external" href="javascript:;" ng-click="leaveOut()"></a>
            <a class="step-next pull-right external" ng-click="gotoStep(2)">下一步</a>
            <h1 class='title'>用户发团</h1>
        </header>
        <div  class="content">
            <div class="step-content">
                <p class="step-title">第一步：填写团基本信息</p>
                <div class="step-show-block">
                    <div class="step-radius step-active"></div>
                    <div class="step-line"></div>
                    <div class="step-radius" ng-click="gotoStep(2)"></div>
                    <div class="step-line"></div>
                    <div class="step-radius" ng-click="gotoStep(3)"></div>
                </div>
                <div class="list-block">
                    <ul>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title label">团标题</div>
                                    <div class="item-input">
                                        <input type="text" ng-model="groupInfo.groupTitle" placeholder="团标题将会显示在第一行">
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title label">团简介</div>
                                    <div class="item-input">
                                        <input type="text" ng-model="groupInfo.groupSynopsis" placeholder="该团的简要描述">
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title label">团目标人数</div>
                                    <div class="item-input">
                                        <input type="number" ng-model="groupInfo.groupTargetNumber" placeholder="即拼团成功所需人数">
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="align-top">
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title label">团详细介绍</div>
                                    <div class="item-input">
                                        <textarea ng-model="groupInfo.groupDetail" placeholder="该团的详细介绍，不少于50字"></textarea>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                    <div class="item-title label">选择封面</div>
                                    <div class="item-input file-upload">
                                        <i class="fa fa-plus-square-o"></i>
                                        <input type="file" onchange="angular.element(this).scope().img_upload(this.files)" accept="image/jpg,image/jpeg,image/png">
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="img-content">
                    <div class="img-item" ng-repeat="img in imgs">
                        <img ng-src="{{img.imgAddress}}" alt="">
                        <i class="fa fa-close" ng-click="img_del($index)"></i>
                    </div>
                </div>
            </div>
        </div>

        <div ng-init="suiMobileInit()"></div>
    </div>
    <script src="js/angular.js"></script>
    <script src="js/angular-route.js"></script>
    <script src="sm/zepto.min.js"></script>
    <script>$.config = {router: false}</script>
    <script src="sm/sm.min.js"></script>
    <link rel="stylesheet" href="sm/sm-extend.min.css">
    <script type='text/javascript' src='sm/sm-extend.min.js' charset='utf-8'></script>
    <script src="controller/app-init-func.js"></script>
    <script src="controller/group-init-controller.js"></script>
    <link rel="stylesheet" href="css/group-init.css">
    <link rel="stylesheet" href="css/group-detail.css">
</div>
</body>
</html>